<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8"> 
	<title></title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<link rel="stylesheet" type="text/css" th:href="@{/page/css/swiper.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/page/css/index.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/page/css/page.css}">
	<link th:href="@{/css/font-awesome.min.css?v=4.7.1}" rel="stylesheet"/>
	<style>
		.copybtn{
			display: inline-block;
			padding: 2px 5px;
			background: #1a1a1a;
			color:#Fff;
			margin-left: 10px;
			border-radius: 5px;
			cursor: pointer;
		}
	</style>
	<script th:src="@{/page/js/jq.js}"></script>
</head>
<body>
<div class="w100 bgr">
	<div class="header">
		<div class="logo">
			<h1>客服微信</h1>
		</div>
		<div class="clear"></div>
	</div>
</div>
<div class="w100 bgy non">
	<div class="nav">
		<a href="index.html">首页</a>
	</div>
</div>
<div class="main">
	<h2 class="q_tit">店主微信</h2>
	<style>.q_tit{background:none;border:0;border-bottom:1px solid #3EABFF;text-align:center;}.list{padding-bottom:20px;}</style>
	<div class="list">
		<span style="font-size:30px;" class="wxh" th:text="${haoma}">wx893755103</span>
		<span class="copybtn" data-clipboard-action="copy" data-clipboard-target=".wxh">一键复制</span>
		<img th:src="${weixin}" width="100%" style="max-width:400px;"/>
	</div>
	<div class="clear"></div>
</div>
<div class="tabbar">
	<div class="tabbox">
		<a href="/"><i style="font-size: 24px" class="fa fa-home"></i><p>首页</p></a>
	</div>
	<div class="tabbox">
		<a href="/wx"><i style="font-size: 24px" class="fa fa-user"></i><p>店长微信</p></a>
	</div>
	<div class="tabbox" id="gotop">
		<a href="/lc"><i style="font-size: 24px" class="fa fa-exchange"></i><p>交易流程</p></a>
	</div>
</div>
<script th:src="@{/page/js/swiper.js}"></script>
<script th:src="@{/page/js/index.js}"></script>
<script th:src="@{/page/js/jquery.z-pager.js}" type="text/javascript" charset="utf-8"></script>
<script th:src="@{/page/js/clipboard.min.js}"></script>
<script>

	//鼠标复制代码
	var clipboard = new ClipboardJS('.copybtn', {
		function (e) {
			/*console.log(e.trigger)
            return '11'*/;
		},
	});

	clipboard.on('success', function (e) {
		alert("复制成功!");
		console.log(e);
	});

	clipboard.on('error', function (e) {
		console.log(e);
	});
</script>
</body>
</html>